<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="asset/css/conmom.css" />
		<link rel="stylesheet" href="asset/css/product.css" />
		<link rel="stylesheet" href="public/plugin/dist/css/swiper.css" />
	</head>
	<body>
		<div class="productDetalis">
			<div class="title title_one" style="display: block;">
				<i class="iconfont back" onclick="window.history.go(-1)">&#xe624;</i>
				<a href="shopCart.html">
					<i class="iconfont topCart">&#xe605;
						<span class="plusSpan all">0</span>
					</i>
				</a>
			</div>
			<div class="title title_two" style="display: none;">
				<ul>
					<li class="active parameter">详细参数</li>
					<li class="picture-detel">图片详情</li>
				</ul>
				<i class="iconfont back" onclick="window.history.go(-1)">&#xe624;</i>
				<a href="shopCart.html">
					<i class="iconfont topCart">&#xe605;
						<span class="plusSpan all">0</span>
					</i>
				</a>
			</div>
			<!--轮播图-->
			<div class="swiper-container carousel made">
			    <div class="swiper-wrapper">
			       <div class="swiper-slide goods-scroll">
			        	<div class="backImage">
							<img src="http://findeng.com:8080/findeng/picture/saveProduct/14994998062600.jpg" style="z-index:100;position:absolute;top:0;opacity:0;">
							<img src="http://findeng.com:8080/findeng/picture/product/14994998062600.jpg">
						</div>
			        </div>
			        <div class="swiper-slide goods-scroll">
			        	<div class="backImage">
							<img src="http://findeng.com:8080/findeng/picture/saveProduct/15075167567550.jpg" style="z-index:100;position:absolute;top:0;opacity:0;">
							<img src="http://findeng.com:8080/findeng/picture/product/15075167567550.jpg">
						</div>
			        </div> 
			    </div>
			    <div class="swiper-pagination"></div>
			</div>
			<!--轮播图-->
			<!--商品-->
			<div class="product-msg">
				<div class="clearfix">
					<div class="product-name" style="float: left">
						<p class="product-word">古典美式1009-6S吊灯</p>
						<div class="price-now">
							<span  class="price-now--unit">¥</span> 
							<span  class="price-now--price">1725.0</span> 
						</div>
					</div>
					<div class="hasOrNot" >
							<p>交货期：1天</p>
					</div>
					
				</div>
				<div>
					<div class="service-content-item item clearfix">
		      			<div>
			      			<div>
			      				<span  class="item-icon">
									<div class="meili-all-vue-base-image" >
										<i class="icon iconfont">&#xe61a;</i>
									</div>
								</span> 
			      			</div>
		      			 	<span>品质保证</span>
		      			</div>
		      			 <div>
		      			 	<div>
			      				<span  class="item-icon">
									<div class="meili-all-vue-base-image">
										<i class="icon iconfont">&#xe60d;</i>
									</div>
								</span> 
			      			</div>
		      			 	<span>交易担保</span>
		      			 </div>
		      			 <div>
		      			 	<span  class="item-icon">
								<div class="meili-all-vue-base-image" >
									<i class="icon iconfont icon-jiaoyibaozhang"></i>
								</div>
							</span> 
							<span  class="item-name">
				       			 7天无理由退货
			      			</span>
		      			 </div>
		      			
	      			</div>
				</div>
			</div>
			<!--商品-->
			<!--产品规格-->
			<div class="module-moresku">
				<div class="dialog">
						<div class="dialog-core">
							<div class="meili-all-vue-detail-base-sku sku sku m-fixed" position="bottom">
								<div class="sku-content">
									<div class="sku-content-scroll">
										<div class="scroll">
											<div class="prop">
												<dl class="prop-rows">
													<dt class="prop-rows-title" style="padding-left: .1rem;">
									          	产品规格：
								      				<span class="showprice1 hide" data-price="690"><i class="iconfont"></i></span><s id="costPrice1" style="display:inline-block;padding: 0.1rem 0.4rem 0.4rem;float: right;font-size: .5rem;" data-price=""></s>
									         </dt>
													<dd class="prop-rows-content homology">
														<ol class="prop-list">
															<li class="prop-item active" id="8263"> <img alt="" src="http://findeng.com:8080/findeng/picture/product/15075167484880.jpg"><span>PS1009-6S</span> </li>
															<li class="prop-item" id="8264"> <img alt="" src="http://findeng.com:8080/findeng/picture/product/15075171172890.jpg"><span>PA1009-8</span> </li>
															<li class="prop-item" id="8265"> <img alt="" src="http://findeng.com:8080/findeng/picture/product/15075176547880.jpg"><span>PA1009-8+4</span> </li>
														</ol>
													</dd>
												</dl>
											</div>
										</div>
									</div>
									<div class="clearfix buyNum">
										<div class="fl">购买数量</div>
										<div class="numDiv">
					    					<span class="change-num reduce">-</span>
												<input class="num" type="tel" value="1" maxdata="100" data-price="1342.0" data-originprice="1342.0">
											<span class="change-num increase">+</span>
					    				</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			<!--产品规格-->
			<!--产品参数-->
			<div class="goods-spec">产品规格参数
				<span class="icon iconfont icon-xiangyou fr"></span>
			</div>
			<div class="info" style="display: block;">
				<ul class="infoMenu">
					<li class="active hidLi">规格参数</li>
				</ul>
			            <div class="">
							<ul class="values">
								
									<li>
										<span>品牌</span>
										<span>美福灯饰</span>
									</li>
								
								<li>
									<span>类型</span>
									<span>吊灯</span>
								</li>
								<li>
									<span>材质</span>
									<span>铁;树脂</span>
								</li>
								<li>
									<span>风格</span>
									<span>古典美式</span>
								</li>
								<li>
									<span>光源类型</span>
									<span id="lightType">E14</span>
								</li>
								<li>
									<span>光源数量</span>
									<span id="lightNumber">6</span>
								</li>
								<li>
									<span>功率</span>
									<span id="productPower"></span>
								</li>
								<li>
									<span>空间</span>
									<span id="space">客厅;书房;卧室;餐厅;玄关/过道;阳台;儿童房;楼梯/拐角;衣帽间;别墅/复式;酒店/大堂;办公室</span>
								</li>
								<li>
									<span>颜色</span>
									<span id="productColor">米黄色</span>
								</li>
								<li>
									<span>型号</span>
									<span id="productCode">PS1009-6S</span>
								</li>
								<li>
									<span>产品尺寸</span>
									<span id="productSize">
								     高:400.0
								     *
								     直径:650.0
									</span>
								</li>
								<li>
									<span>净重(kg)</span>
									<span id="productWeight">8.0</span>
								</li>
								<li>
									<span>包装尺寸</span>
									<span id="packageSize">
									长:700.0
								    *
								    宽:700.0
								    *
								    高:450.0
									</span>
								</li>
								<li>
									<span>毛重(kg)</span>
									<span id="packageWeight">
									10.0
									</span>
								</li>
							</ul>
			        </div>
		    </div>
			<!--产品参数-->
			<!-- 产品推荐[ -->
			<div class="resemble-div">
				<div>相似推荐<span style="float: right;color: #888;"id="similarMore">查看更多</span></div>
				<div>
					 <div class="swiper-container resemble">
				        <div class="swiper-wrapper">
			        		<div class="swiper-slide">
				            	<a href="">
			  						<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15066565487910.jpg" width=" 100%"/>
			  						<p>2900.0</p>
			  					</a>
	  						</div>
	  						<div class="swiper-slide">
				            	<a href="">
			  						<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15066565487910.jpg" width=" 100%"/>
			  						<p>2900.0</p>
			  					</a>
	  						</div>
	  						<div class="swiper-slide">
				            	<a href="">
			  						<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15066565487910.jpg" width=" 100%"/>
			  						<p>2900.0</p>
			  					</a>
	  						</div>
	  						<div class="swiper-slide">
				            	<a href="">
			  						<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15066565487910.jpg" width=" 100%"/>
			  						<p>2900.0</p>
			  					</a>
	  						</div>
				        </div>
				    </div>
				</div>
			</div>
			<!-- 产品推荐] -->
			<!--图片详情-->
			<div id="scrollDiv">
				<ul class="infoMenu">
					<li class="active hidLi print-details">图片详情</li>
				</ul>
				<div class="imagesScroll scrollDiv " style="overflow: scroll;">
					<div class="images">
					  <img src="http://findeng.com:8080/findeng/picture/product/15075167086440.jpg" alt="" data-show="true" data-img="">
	                  <img src="http://findeng.com:8080/findeng/picture/product/15075167087850.jpg" alt="" data-show="true" data-img="http://findeng.com:8080/findeng/picture/product/15075167087850.jpg">
	                  <img src="asset/img/defaultImg.jpg" >
	                  <img src="asset/img/defaultImg.jpg" >
					</div>
				</div>
			</div>
			<!--图片详情-->
			<!--底部-->
			<div class="addCart text-center" id="states_zhengchang" >
				<div class="cartDiv contactIcon gpsA">
					<i class="icon iconfont icon-dizhi2"></i>
					<p>导航</p>
				</div>
				<div class="cartDiv contactIcon" id="phoneKe">
					<i class="icon iconfont icon-weixin"></i>
					<p>客服</p>
				</div>
				<div id="toCartDiv" class="cartDiv buyBtn toCart">
						<a id="toCart" class="shopping-cart">加入购物车</a>
				</div>
				<div id="toBuyDiv" class="cartDiv buyBtn toBuy">
						<a id="toBuy" href="">立即购买</a>
				</div>
			</div>
			<div style="display:none;" class="addCart text-center" id="states_xiajia">
				<div class="cartDiv contactIcon gpsA">
					<i class="icon iconfont icon-dizhi2"></i>
					<p>导航</p>
				</div>
				<div class="cartDiv contactIcon" id="phoneKe">
					<i class="icon iconfont icon-weixin"></i>
					<p>客服</p>
				</div>
				<div class="cartDiv buyBtn" style="background: #ccc;color: #fff;width:60.2%">
					<span>该产品已下架</span>
				</div>
			</div>
		<!--底部-->
		</div>
		<!-- 等待加载 -->
		<div class="moveCart"></div>
		<!---->
		<div class="Left_Navigation">
			<div class="icon-plus-nav">
				<a class="webim-container">
					<i class="icon iconfont icon-kefu1"></i>
					<span>咨询</span>
				</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="public/jquery.min.js" ></script>
	<script type="text/javascript" src="public/plugin/dist/js/swiper.js" ></script>
	<script type="text/javascript" src="asset/js/product.js" ></script>
	<script type="text/javascript" src="asset/font/iconfont.js" ></script>
	<script>
		 /*判断是否在顶部  */
	    $(window).scroll(function(){
	    	var top=$(".module-moresku").offset().top;
	    	var gun=$(window).scrollTop();
	    	var top1=top-gun;
	    	if(top1<=0){
	    		$(".title_two").css("display","block");
	    	}else{
	    		$(".title_two").css("display","none");
	    	}
	    	var topD=$(".print-details").offset().top;
	    	var top2=topD-gun;
	    	if(top2<=0){
	    		$(".title_two .picture-detel").addClass("active");
	    		$(".title_two .parameter").removeClass("active");
	    	}else{
	    		$(".title_two .picture-detel").removeClass("active");
	    		$(".title_two .parameter").addClass("active");
	    	}
	    });
	    $("#toCartDiv").click(function(){
	    	$(".moveCart").addClass("move");
	    	setTimeout(function(){
	    		$(".moveCart").removeClass("move");
	    	},2000)
	    });
	    //加的效果
		$(".increase").click(function(){
			var n=$(this).siblings(".num").val();
			console.log(n);
			var num=parseInt(n)+1;
			if(num==0){ return;}
			$(this).siblings(".num").val(num);
		});
		//减的效果
		$(".reduce ").click(function(){
			var n=$(this).siblings(".num").val();
			var num=parseInt(n)-1;
			if(num==0){ return;}
			$(this).siblings(".num").val(num);
		});
		/* 点击添加产品 */
		$(".prop-rows-content .prop-list .prop-item").click(function(){
			if($(this).hasClass("active")){
				$(this).removeClass("active");
			}else{
				$(this).addClass("active").siblings().removeClass("active");

			}
		});
	</script>
</html>
